<template>
	<view>
		<view class="orderlist">
			<view class="order">
				<view class="order-left">
					<view class="order-left-title"> 小站甜蜜冰城店></view>
					<view class="imgV"> 
						<image class="img" src="../../static/logo.png"></image>
					</view>
					<view class="order-left-time">2023-02-23 16:28:30
						<text class="order-num">取餐号码：1000</text>
					</view>
				</view>
				
				<view class="order-right">
					<view style="font-size: 32rpx;color: #f00;">已支付</view>
					<view class="order-right-price">
						<text>共1件</text>
						<text>￥2</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"Dorderdetail",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	.orderlist{
		/* background-color: #fff; */
	}
	.order{
		display: flex;
		justify-content: space-between;
		background-color: #fff;
		/* height: 150rpx; */
		font-size: 24rpx;
		padding: 24rpx;
		/* border: 4rpx solid #f00; */
		border-radius: 30rpx;
	}
		.order-left{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.imgV,.img{
			width: 80rpx;
			height: 100rpx;
		}
		.order-left-title{
			padding-bottom: 8rpx;
			font-size: 32rpx;
			/* font-weight: bold; */
		}
		.order-left-time,
		.order-right-price,
		.order-num{
			color: #777;
			padding-top: 8rpx;
		}
		.order-right{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.order-num{
			padding-left: 24rpx;
		}
</style>